<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>丹寨万人长桌宴</title>
    <meta name="description" content="丹寨万人长桌宴"/>
    <meta name="keywords" content="丹寨万人长桌宴"/>
    <link rel="stylesheet" href="css/common.css"/>
    <style>
        .mask{
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: rgba(0,0,0,.6);
        }
        .show_mode{
            position: absolute;
            left: 50%;
            top: 50%;
            width: 70vw;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
        }
        .mode_bg{
            width: 100%;
        }
    </style>
</head>
<body>
    <div class="mask">
        <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/tip_txt.png" class="show_mode" />
    </div>
    <img src="https://wdoss.oss-cn-hangzhou.aliyuncs.com/wdczy/image/tip_bg.jpg" class="mode_bg"/>
</body>
<script>
    document.querySelector('body').addEventListener("touchmove",bodyScroll,{ passive: false });
    function bodyScroll(e){
        e.preventDefault();
        e.stopPropagation();
    }
</script>
</html>